{"componentChunkName":"component---src-templates-slide-js","path":"/slides/skills/progressive-engineering","matchPath":"/slides/skills/progressive-engineering/*","webpackCompilationHash":"c021816e17e59e08b77b","result":{"data":{"site":{"siteMetadata":{"keywords":["blog","ubug","tech blog","技术博客","playground"]}},"mdx":{"id":"490b076c-1437-56a7-a268-2bb31b86ebba","body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"progressive-engineering\",\n  \"title\": \"渐进式工程化\",\n  \"theme\": \"dark\",\n  \"date\": \"2020-06-19 19:46:31\",\n  \"published\": true\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst ChatBoxItem = makeShortcode(\"ChatBoxItem\");\nconst Split = makeShortcode(\"Split\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Progressive Engineering\"), mdx(\"h3\", null, \"\\u6E10\\u8FDB\\u5F0F\\u5DE5\\u7A0B\\u5316\"), mdx(\"div\", {\n    style: {\n      fontSize: \".5em\"\n    }\n  }, \"/ ** \\u6280\\u672F\\u56E2\\u961F\\u5206\\u4EAB \\xB7 \\u524D\\u7AEF \\xB7 Ubug ** /\"), mdx(\"hr\", null), mdx(\"h3\", null, \"1. \\u4EC0\\u4E48\\u662F\\u5DE5\\u7A0B\\u5316\\uFF1F\"), mdx(\"h3\", null, \"2. \\u4EC0\\u4E48\\u662F\\u6E10\\u8FDB\\u5F0F\\uFF1F\"), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u76D6\\u623F\\u5B50\\u600E\\u4E48\\u9009\\u65BD\\u5DE5\\u961F \\uD83D\\uDEA7 \\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"left\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u76D6\\u623F\\u5B50\\u600E\\u4E48\\u9009\\u65BD\\u5DE5\\u961F \\uD83D\\uDEA7 \\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"right\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u9760\\u8C31\\u3002\"), mdx(ChatBoxItem, {\n    side: \"left\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u600E\\u4E48\\u7B97\\u9760\\u8C31\\u5462\\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"right\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u80FD\\u4E0D\\u80FD\\u628A\\u63A7\\u5DE5\\u671F\\u3001\\u8D28\\u91CF\\u548C\\u7ECF\\u8D39\\u7B49\\u3002\"), mdx(ChatBoxItem, {\n    side: \"left\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u600E\\u4E48\\u770B\\u51FA\\u6765\\u5462\\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"right\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u6709\\u6CA1\\u6709\\u4ECE\\u4EE5\\u524D\\u7684\\u9879\\u76EE\\u603B\\u7ED3\\u51FA\\u5DE5\\u5E8F\\uFF0C\\u6709\\u6CA1\\u6709\\u4E13\\u4E1A\\u5668\\u68B0\\uFF0C\\u6709\\u6CA1\\u6709\\u6D41\\u7A0B\\u7BA1\\u7406\\u3001\\u8D28\\u91CF\\u628A\\u63A7\\u7B49\\u3002\"), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u6240\\u4EE5\"), mdx(\"p\", null, \"\\u65E0\\u8BBA\\u662F\\u5DE5\\u5382\\u7684\\u6D41\\u6C34\\u7EBF\\u3001\\u8FD8\\u662F\\u5EFA\\u7B51\\u5DE5\\u7A0B\\u8FC7\\u7A0B\\uFF0C\\u5176\\u52B3\\u52A8\\u8FC7\\u7A0B\\u53EF\\u4EE5\\u4F7F\\u7528\\u5DE5\\u5177\\u548C\\u5668\\u68B0\\u3001\\u53EF\\u4EE5\\u4E8B\\u5148\\u89C4\\u5B9A\\u6D41\\u6C34\\u7EBF\\u7684\\u6D41\\u7A0B\\uFF0C\\u8FDB\\u800C\\u8FDB\\u884C\\u91CD\\u590D\\u52B3\\u52A8\\uFF0C\\u63D0\\u5347\\u6548\\u7387\\u3002\"), mdx(\"hr\", null), mdx(Split, {\n    mdxType: \"Split\"\n  }, mdx(\"div\", null, mdx(\"h2\", null, \"\\u5DE5\\u7A0B\\u548C\\u5DE5\\u7A0B\\u5316\"), mdx(\"div\", null, \"\\u6784\\u5EFA\\u4E00\\u4E2A\\u8F6F\\u4EF6\\u4E2D\\uFF0C\\u4E3A\\u4E86\\u63D0\\u5347\\u5F00\\u53D1\\u6548\\u7387\\u6216\\u8005\\u8D28\\u91CF\\u7B49\\uFF0C\\u7528\\u5230\\u7684\\u811A\\u624B\\u67B6\\u3001\\u5904\\u7406\\u5DE5\\u5177\\u3001\\u811A\\u672C\\u3001\\u7EC4\\u4EF6\\u5E93\\u3001\\u6784\\u5EFA\\u6D41\\u7A0B\\u3001\\u90E8\\u7F72\\u7B49\\u90FD\\u7B97\\u662F\\u5DE5\\u7A0B\\u5316\\u7684\\u652F\\u6301\\u3002\")), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"680px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/cb163b0a352ff2aea0b0cf979d487b6d/111ef/scaffold.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"66.79536679536679%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAACBf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/9oADAMBAAIQAxAAAAEyAYoG3Mkf/8QAGxABAAICAwAAAAAAAAAAAAAAAQACBBMDEiH/2gAIAQEAAQUCKe6CayOTbo5FmPIs/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAETAv/aAAgBAwEBPwGeSaP/xAAXEQADAQAAAAAAAAAAAAAAAAAAARMC/9oACAECAQE/AbaLM//EABoQAAICAwAAAAAAAAAAAAAAAAEQAGECERL/2gAIAQEABj8CFvnWMFL/xAAZEAADAQEBAAAAAAAAAAAAAAABESEAMRD/2gAIAQEAAT8haJBZBseaaYRq4gwChZN2BdO//9oADAMBAAIAAwAAABCv/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAWH/2gAIAQMBAT8Qo2f/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAWH/2gAIAQIBAT8Qhzf/xAAeEAEBAAIBBQEAAAAAAAAAAAABEQAhMUFRYXGRof/aAAgBAQABPxCWokjp4tub2gd2Y0dSe8SiBAR9XLTxgUHk3vzkwo6Td+5//9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"scaffold\",\n    \"title\": \"scaffold\",\n    \"src\": \"/static/cb163b0a352ff2aea0b0cf979d487b6d/111ef/scaffold.jpg\",\n    \"srcSet\": [\"/static/cb163b0a352ff2aea0b0cf979d487b6d/fca29/scaffold.jpg 259w\", \"/static/cb163b0a352ff2aea0b0cf979d487b6d/f4507/scaffold.jpg 518w\", \"/static/cb163b0a352ff2aea0b0cf979d487b6d/111ef/scaffold.jpg 680w\"],\n    \"sizes\": \"(max-width: 680px) 100vw, 680px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"))), mdx(\"hr\", null), mdx(\"h2\", null, \"\\u5DE5\\u7A0B\\u5316\\u7684\\u524D\\u63D0: \\u5DE5\\u7A0B\\u6536\\u76CA\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5E94\\u7528\\u590D\\u6742\\u5EA6\\u8F83\\u9AD8\\uFF0C\\u9700\\u8981\\u5DE5\\u7A0B\\u5316\\u63D0\\u5347\\u6548\\u7387\"), mdx(\"p\", null, mdx(\"small\", null, \"\\u4E00\\u4E2A\\u5927\\u578B\\u5E94\\u7528\\uFF0C\\u5305\\u62EC\\u7F16\\u8BD1\\u3001\\u6D4B\\u8BD5\\u3001\\u811A\\u672C\\u3001\\u63A5\\u53E3\\u7EF4\\u62A4\\u3001\\u591A\\u5206\\u652F\\u5F00\\u53D1\\u7B49\\uFF0C\\u590D\\u6742\\u5EA6\\u4E0A\\u8003\\u8651\\uFF0C\\u5FC5\\u987B\\u7528\\u5DE5\\u7A0B\\u5316\\u7684\\u624B\\u6BB5\\uFF0C\\u8BA9\\u5F00\\u53D1\\u8005\\u66F4\\u80FD\\u805A\\u7126\\u5728\\u4E1A\\u52A1\\u4E0A\\u3002\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6709\\u592A\\u591A\\u53EF\\u91CD\\u590D\\u7684\\u6784\\u4EF6\\u548C\\u5F00\\u53D1\\u5DE5\\u4F5C\\uFF0C\\u9700\\u8981\\u5DE5\\u7A0B\\u5316\\u5DE5\\u5177\\u8F85\\u52A9\\u5F00\\u53D1\"), mdx(\"p\", null, mdx(\"small\", null, \"\\u5982\\u679C\\u4E1A\\u52A1\\u4E0A\\u6709\\u592A\\u591A\\u7684\\u76F8\\u4F3C\\u5E94\\u7528\\uFF0C\\u90A3\\u4E48\\u4ECE\\u5DE5\\u7A0B\\u7684\\u89D2\\u5EA6\\u6765\\u770B\\uFF0C\\u53EF\\u4EE5\\u62BD\\u53D6\\u51FA\\u7EC4\\u4EF6\\u5E93\\u3001\\u5F00\\u53D1\\u5DE5\\u5177\\u3001\\u7EDF\\u4E00\\u7684\\u5F00\\u53D1\\u6D41\\u7A0B\\u7B49\\u3002\")))), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u5DE5\\u7A0B\\u5316\\u80FD\\u591F\\u63D0\\u4F9B\\u66F4\\u654F\\u6377\\u7684\\u6784\\u5EFA\\u3001\\u90E8\\u7F72\\u3001\\u4EA4\\u4ED8\\u8282\\u594F\\u3002\\u5F88\\u591A\\u65F6\\u5019\\u9879\\u76EE\\u591A\\u3001\\u654F\\u6377\\u9700\\u6C42\\u3001\\u5F00\\u53D1\\u5468\\u671F\\u77ED\\u7B49\\uFF0C\\u903C\\u7740\\u6211\\u4EEC\\u4EA7\\u51FA\\u5DE5\\u7A0B\\u5316\\u7684\\u624B\\u6BB5\\u6765\\u5E94\\u5BF9\\u3002\")), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u4EC0\\u4E48\\u662F\\u6E10\\u8FDB\\u5F0F\"), mdx(\"p\", null, \"\\u5F00\\u53D1\\u8FC7\\u7A0B\\u4E2D\\u4E0D\\u53EF\\u80FD\\u5148\\u628A\\u4E00\\u5207\\u90FD\\u642D\\u5EFA\\u597D\\u4E4B\\u540E\\u518D\\u5F00\\u53D1\\uFF0C\\u5C31\\u7B97\\u5F00\\u53D1\\u5B8C\\u6210\\u4E4B\\u540E\\u4E5F\\u4E0D\\u53EF\\u80FD\\u9002\\u7528\\u4E8E\\u5168\\u90E8\\u7684\\u9879\\u76EE\\uFF0C\\u6240\\u4EE5\\u6E10\\u8FDB\\u5F0F\\u7684\\u601D\\u60F3\\u63D0\\u4F9B\\u9010\\u6B65\\u652F\\u6301\\uFF0C\\u5E76\\u63D0\\u4F9B\\u53EF\\u63D2\\u62D4\\u3001\\u53EF\\u66FF\\u6362\\u7684\\u65B9\\u6848\\u3002\"), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u4EE5\\u524D\\u7AEF\\u4E3A\\u4F8B\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u89C4\\u8303\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u76EE\\u5F55\\u89C4\\u8303\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u4EE3\\u7801\\u89C4\\u8303\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u9700\\u6C42\\u786E\\u5B9A\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"H5 \\u5355\\u9875 / \\u591A\\u9875\\u5E94\\u7528\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"HyBrid\\u3001\\u6DF7\\u5408\\u5F00\\u53D1\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u57FA\\u7840\\u6280\\u672F\\u6808\\uFF1ATS\\u3001Babel\\u3001Webpack\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"UI \\u65B9\\u6848\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u7EC4\\u4EF6\\u5E93\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u67B6\\u6784\\u65B9\\u6848\\uFF1A\\u76EE\\u5F55\\u7ED3\\u6784\\u3001\\u811A\\u624B\\u67B6\\u3001\\u6D4B\\u8BD5\\u65B9\\u6848\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6280\\u672F\\u65B9\\u6848: \\u8BF7\\u6C42\\u5C42\\u3001\\u8DEF\\u7531\\u5C42\\u3001\\u5404\\u79CD\\u7279\\u6027\\u652F\\u6301\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6D4B\\u8BD5\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6784\\u5EFA\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u90E8\\u7F72\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u76D1\\u63A7\")), mdx(\"hr\", null), mdx(\"p\", null, \"/\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"*\", \" 400000000000000004 \", \"*\"), \"/\"), mdx(\"p\", null, \"/\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"*\", \" \\u5185\\u90E8\\u5206\\u4EAB \", \"*\"), \"/\"), mdx(\"p\", null, \"/\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"*\", \" ooooooooooops... \", \"*\"), \"/\"), mdx(\"hr\", null), mdx(\"h1\", null, \"Thank You\"), mdx(\"div\", {\n    style: {\n      fontSize: \".5em\"\n    }\n  }, \"/ ** \\u6280\\u672F\\u56E2\\u961F\\u5206\\u4EAB \\xB7 \\u524D\\u7AEF \\xB7 Ubug ** /\"));\n}\n;\nMDXContent.isMDXComponent = true;","fields":{"theme":"dark","title":"渐进式工程化"}}},"pageContext":{"matchPath":"/slides/skills/progressive-engineering/*","isCreatedByStatefulCreatePages":false,"fileAbsolutePath":"D:/ubug/storybook/content/slides/skills/progressive-engineering.md","id":"490b076c-1437-56a7-a268-2bb31b86ebba","parent":{"name":"progressive-engineering","sourceInstanceName":"slides"},"excerpt":"Progressive Engineering 渐进式工程化 1. 什么是工程化？…","fields":{"title":"渐进式工程化","slug":"/slides/skills/progressive-engineering","description":null,"date":"2020-06-19","redirects":null,"datetime":"2020-06-19 19:46:31","categories":[],"series":null,"tags":[],"status":"online"},"frontmatter":{"published":true,"tags":null,"theme":"dark","slug":"progressive-engineering","date":"2020-06-19 19:46:31"},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"progressive-engineering\",\n  \"title\": \"渐进式工程化\",\n  \"theme\": \"dark\",\n  \"date\": \"2020-06-19 19:46:31\",\n  \"published\": true\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst ChatBoxItem = makeShortcode(\"ChatBoxItem\");\nconst Split = makeShortcode(\"Split\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Progressive Engineering\"), mdx(\"h3\", null, \"\\u6E10\\u8FDB\\u5F0F\\u5DE5\\u7A0B\\u5316\"), mdx(\"div\", {\n    style: {\n      fontSize: \".5em\"\n    }\n  }, \"/ ** \\u6280\\u672F\\u56E2\\u961F\\u5206\\u4EAB \\xB7 \\u524D\\u7AEF \\xB7 Ubug ** /\"), mdx(\"hr\", null), mdx(\"h3\", null, \"1. \\u4EC0\\u4E48\\u662F\\u5DE5\\u7A0B\\u5316\\uFF1F\"), mdx(\"h3\", null, \"2. \\u4EC0\\u4E48\\u662F\\u6E10\\u8FDB\\u5F0F\\uFF1F\"), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u76D6\\u623F\\u5B50\\u600E\\u4E48\\u9009\\u65BD\\u5DE5\\u961F \\uD83D\\uDEA7 \\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"left\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u76D6\\u623F\\u5B50\\u600E\\u4E48\\u9009\\u65BD\\u5DE5\\u961F \\uD83D\\uDEA7 \\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"right\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u9760\\u8C31\\u3002\"), mdx(ChatBoxItem, {\n    side: \"left\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u600E\\u4E48\\u7B97\\u9760\\u8C31\\u5462\\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"right\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u80FD\\u4E0D\\u80FD\\u628A\\u63A7\\u5DE5\\u671F\\u3001\\u8D28\\u91CF\\u548C\\u7ECF\\u8D39\\u7B49\\u3002\"), mdx(ChatBoxItem, {\n    side: \"left\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u600E\\u4E48\\u770B\\u51FA\\u6765\\u5462\\uFF1F\"), mdx(ChatBoxItem, {\n    side: \"right\",\n    mdxType: \"ChatBoxItem\"\n  }, \"\\u6709\\u6CA1\\u6709\\u4ECE\\u4EE5\\u524D\\u7684\\u9879\\u76EE\\u603B\\u7ED3\\u51FA\\u5DE5\\u5E8F\\uFF0C\\u6709\\u6CA1\\u6709\\u4E13\\u4E1A\\u5668\\u68B0\\uFF0C\\u6709\\u6CA1\\u6709\\u6D41\\u7A0B\\u7BA1\\u7406\\u3001\\u8D28\\u91CF\\u628A\\u63A7\\u7B49\\u3002\"), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u6240\\u4EE5\"), mdx(\"p\", null, \"\\u65E0\\u8BBA\\u662F\\u5DE5\\u5382\\u7684\\u6D41\\u6C34\\u7EBF\\u3001\\u8FD8\\u662F\\u5EFA\\u7B51\\u5DE5\\u7A0B\\u8FC7\\u7A0B\\uFF0C\\u5176\\u52B3\\u52A8\\u8FC7\\u7A0B\\u53EF\\u4EE5\\u4F7F\\u7528\\u5DE5\\u5177\\u548C\\u5668\\u68B0\\u3001\\u53EF\\u4EE5\\u4E8B\\u5148\\u89C4\\u5B9A\\u6D41\\u6C34\\u7EBF\\u7684\\u6D41\\u7A0B\\uFF0C\\u8FDB\\u800C\\u8FDB\\u884C\\u91CD\\u590D\\u52B3\\u52A8\\uFF0C\\u63D0\\u5347\\u6548\\u7387\\u3002\"), mdx(\"hr\", null), mdx(Split, {\n    mdxType: \"Split\"\n  }, mdx(\"div\", null, mdx(\"h2\", null, \"\\u5DE5\\u7A0B\\u548C\\u5DE5\\u7A0B\\u5316\"), mdx(\"div\", null, \"\\u6784\\u5EFA\\u4E00\\u4E2A\\u8F6F\\u4EF6\\u4E2D\\uFF0C\\u4E3A\\u4E86\\u63D0\\u5347\\u5F00\\u53D1\\u6548\\u7387\\u6216\\u8005\\u8D28\\u91CF\\u7B49\\uFF0C\\u7528\\u5230\\u7684\\u811A\\u624B\\u67B6\\u3001\\u5904\\u7406\\u5DE5\\u5177\\u3001\\u811A\\u672C\\u3001\\u7EC4\\u4EF6\\u5E93\\u3001\\u6784\\u5EFA\\u6D41\\u7A0B\\u3001\\u90E8\\u7F72\\u7B49\\u90FD\\u7B97\\u662F\\u5DE5\\u7A0B\\u5316\\u7684\\u652F\\u6301\\u3002\")), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"680px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/cb163b0a352ff2aea0b0cf979d487b6d/111ef/scaffold.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"66.79536679536679%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAACBf/EABUBAQEAAAAAAAAAAAAAAAAAAAID/9oADAMBAAIQAxAAAAEyAYoG3Mkf/8QAGxABAAICAwAAAAAAAAAAAAAAAQACBBMDEiH/2gAIAQEAAQUCKe6CayOTbo5FmPIs/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAETAv/aAAgBAwEBPwGeSaP/xAAXEQADAQAAAAAAAAAAAAAAAAAAARMC/9oACAECAQE/AbaLM//EABoQAAICAwAAAAAAAAAAAAAAAAEQAGECERL/2gAIAQEABj8CFvnWMFL/xAAZEAADAQEBAAAAAAAAAAAAAAABESEAMRD/2gAIAQEAAT8haJBZBseaaYRq4gwChZN2BdO//9oADAMBAAIAAwAAABCv/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAWH/2gAIAQMBAT8Qo2f/xAAWEQEBAQAAAAAAAAAAAAAAAAAAAWH/2gAIAQIBAT8Qhzf/xAAeEAEBAAIBBQEAAAAAAAAAAAABEQAhMUFRYXGRof/aAAgBAQABPxCWokjp4tub2gd2Y0dSe8SiBAR9XLTxgUHk3vzkwo6Td+5//9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"scaffold\",\n    \"title\": \"scaffold\",\n    \"src\": \"/static/cb163b0a352ff2aea0b0cf979d487b6d/111ef/scaffold.jpg\",\n    \"srcSet\": [\"/static/cb163b0a352ff2aea0b0cf979d487b6d/fca29/scaffold.jpg 259w\", \"/static/cb163b0a352ff2aea0b0cf979d487b6d/f4507/scaffold.jpg 518w\", \"/static/cb163b0a352ff2aea0b0cf979d487b6d/111ef/scaffold.jpg 680w\"],\n    \"sizes\": \"(max-width: 680px) 100vw, 680px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"))), mdx(\"hr\", null), mdx(\"h2\", null, \"\\u5DE5\\u7A0B\\u5316\\u7684\\u524D\\u63D0: \\u5DE5\\u7A0B\\u6536\\u76CA\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u5E94\\u7528\\u590D\\u6742\\u5EA6\\u8F83\\u9AD8\\uFF0C\\u9700\\u8981\\u5DE5\\u7A0B\\u5316\\u63D0\\u5347\\u6548\\u7387\"), mdx(\"p\", null, mdx(\"small\", null, \"\\u4E00\\u4E2A\\u5927\\u578B\\u5E94\\u7528\\uFF0C\\u5305\\u62EC\\u7F16\\u8BD1\\u3001\\u6D4B\\u8BD5\\u3001\\u811A\\u672C\\u3001\\u63A5\\u53E3\\u7EF4\\u62A4\\u3001\\u591A\\u5206\\u652F\\u5F00\\u53D1\\u7B49\\uFF0C\\u590D\\u6742\\u5EA6\\u4E0A\\u8003\\u8651\\uFF0C\\u5FC5\\u987B\\u7528\\u5DE5\\u7A0B\\u5316\\u7684\\u624B\\u6BB5\\uFF0C\\u8BA9\\u5F00\\u53D1\\u8005\\u66F4\\u80FD\\u805A\\u7126\\u5728\\u4E1A\\u52A1\\u4E0A\\u3002\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"\\u6709\\u592A\\u591A\\u53EF\\u91CD\\u590D\\u7684\\u6784\\u4EF6\\u548C\\u5F00\\u53D1\\u5DE5\\u4F5C\\uFF0C\\u9700\\u8981\\u5DE5\\u7A0B\\u5316\\u5DE5\\u5177\\u8F85\\u52A9\\u5F00\\u53D1\"), mdx(\"p\", null, mdx(\"small\", null, \"\\u5982\\u679C\\u4E1A\\u52A1\\u4E0A\\u6709\\u592A\\u591A\\u7684\\u76F8\\u4F3C\\u5E94\\u7528\\uFF0C\\u90A3\\u4E48\\u4ECE\\u5DE5\\u7A0B\\u7684\\u89D2\\u5EA6\\u6765\\u770B\\uFF0C\\u53EF\\u4EE5\\u62BD\\u53D6\\u51FA\\u7EC4\\u4EF6\\u5E93\\u3001\\u5F00\\u53D1\\u5DE5\\u5177\\u3001\\u7EDF\\u4E00\\u7684\\u5F00\\u53D1\\u6D41\\u7A0B\\u7B49\\u3002\")))), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u5DE5\\u7A0B\\u5316\\u80FD\\u591F\\u63D0\\u4F9B\\u66F4\\u654F\\u6377\\u7684\\u6784\\u5EFA\\u3001\\u90E8\\u7F72\\u3001\\u4EA4\\u4ED8\\u8282\\u594F\\u3002\\u5F88\\u591A\\u65F6\\u5019\\u9879\\u76EE\\u591A\\u3001\\u654F\\u6377\\u9700\\u6C42\\u3001\\u5F00\\u53D1\\u5468\\u671F\\u77ED\\u7B49\\uFF0C\\u903C\\u7740\\u6211\\u4EEC\\u4EA7\\u51FA\\u5DE5\\u7A0B\\u5316\\u7684\\u624B\\u6BB5\\u6765\\u5E94\\u5BF9\\u3002\")), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u4EC0\\u4E48\\u662F\\u6E10\\u8FDB\\u5F0F\"), mdx(\"p\", null, \"\\u5F00\\u53D1\\u8FC7\\u7A0B\\u4E2D\\u4E0D\\u53EF\\u80FD\\u5148\\u628A\\u4E00\\u5207\\u90FD\\u642D\\u5EFA\\u597D\\u4E4B\\u540E\\u518D\\u5F00\\u53D1\\uFF0C\\u5C31\\u7B97\\u5F00\\u53D1\\u5B8C\\u6210\\u4E4B\\u540E\\u4E5F\\u4E0D\\u53EF\\u80FD\\u9002\\u7528\\u4E8E\\u5168\\u90E8\\u7684\\u9879\\u76EE\\uFF0C\\u6240\\u4EE5\\u6E10\\u8FDB\\u5F0F\\u7684\\u601D\\u60F3\\u63D0\\u4F9B\\u9010\\u6B65\\u652F\\u6301\\uFF0C\\u5E76\\u63D0\\u4F9B\\u53EF\\u63D2\\u62D4\\u3001\\u53EF\\u66FF\\u6362\\u7684\\u65B9\\u6848\\u3002\"), mdx(\"hr\", null), mdx(\"h3\", null, \"\\u4EE5\\u524D\\u7AEF\\u4E3A\\u4F8B\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u89C4\\u8303\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u76EE\\u5F55\\u89C4\\u8303\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u4EE3\\u7801\\u89C4\\u8303\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u9700\\u6C42\\u786E\\u5B9A\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"H5 \\u5355\\u9875 / \\u591A\\u9875\\u5E94\\u7528\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"HyBrid\\u3001\\u6DF7\\u5408\\u5F00\\u53D1\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u57FA\\u7840\\u6280\\u672F\\u6808\\uFF1ATS\\u3001Babel\\u3001Webpack\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"UI \\u65B9\\u6848\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u7EC4\\u4EF6\\u5E93\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u67B6\\u6784\\u65B9\\u6848\\uFF1A\\u76EE\\u5F55\\u7ED3\\u6784\\u3001\\u811A\\u624B\\u67B6\\u3001\\u6D4B\\u8BD5\\u65B9\\u6848\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6280\\u672F\\u65B9\\u6848: \\u8BF7\\u6C42\\u5C42\\u3001\\u8DEF\\u7531\\u5C42\\u3001\\u5404\\u79CD\\u7279\\u6027\\u652F\\u6301\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6D4B\\u8BD5\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u6784\\u5EFA\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u90E8\\u7F72\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\u76D1\\u63A7\")), mdx(\"hr\", null), mdx(\"p\", null, \"/\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"*\", \" 400000000000000004 \", \"*\"), \"/\"), mdx(\"p\", null, \"/\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"*\", \" \\u5185\\u90E8\\u5206\\u4EAB \", \"*\"), \"/\"), mdx(\"p\", null, \"/\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"*\", \" ooooooooooops... \", \"*\"), \"/\"), mdx(\"hr\", null), mdx(\"h1\", null, \"Thank You\"), mdx(\"div\", {\n    style: {\n      fontSize: \".5em\"\n    }\n  }, \"/ ** \\u6280\\u672F\\u56E2\\u961F\\u5206\\u4EAB \\xB7 \\u524D\\u7AEF \\xB7 Ubug ** /\"));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"/slides/skills/progressive-engineering"}}}